<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件</title>
    <script src="./lib/jquery-3.4.1.js"></script>
    <script>
        $(document).ready(function(){
            /* $("#btn1").on('click',function(){
                alert("你好");
            }); */

            
          /*   $("#btn1").on('dblclick',function(){
                alert("双击");
            });
            $("#btn1").on('mouseout',function(){
                alert("鼠标离开事件");
            }); */

           /*  $("#btn1").bind("click",function(){
                alert("bind click");
            }); */
            

            $("#btn1").click(function(){
                alert("第三种 绑定事件");
            });

            $("#btn1").off("click");

           /*  $("body").keydown(function(event){
                // console.log(event);

                
            }) */
            
          /*   var btn1 = document.getElementById("btn1");
            btn1.onclick = function(event){
                event = event || window.event;
                console.log(event);
            } */

           /*  $("input[type=text]").keydown(function(event){
                console.log(event.key,event.keyCode);
            }) */
           /*  $("input[type=password]").keydown(function(event){
                console.log(event.key,event.keyCode);
            }) */
           /*  $("input[type=password]").keyup(function(event){
                console.log(event.key,event.keyCode);
            }) */
            /* $("input[type=password]").keypress(function(event){
                console.log(event.key,event.keyCode);
            }) */
            // 输入框 内容发生改变 并且 失去焦点是 触发这个change事件
            /* $("input[type=password]").change(function(event){
               
                console.log($(this).val());
            });
            $("input[type=password]").focus(function(event){
               
                console.log("aaaaaaaaaaa");
            }); */


            $("img").attr("src","./imgs/01.png");
            $("img").attr("alt","没有图片");
            // $("p").attr("title","标题");
            // $("p").attr("abcde","ddfdfdfdfd");

            $("p").prop("title","代扣代缴快点进大富科技");
            $("p").prop("addkjdkjfd","代扣代缴快点进大富科技");

           /*  $("#all").click(function(){
                $("input[type=checkbox]").attr("checked",true);
            }) */


            $("#all").click(function(){
                $("input[type=checkbox]").prop("checked",true);
            })

            
            $("#cancle").click(function(){
                // $("input[type=checkbox]").removeProp("checked");
                // $("input[type=checkbox]").removeAttr("checked");
                // $("input[type=checkbox]").attr("checked",false);
                $("input[type=checkbox]").prop("checked",false);

            })




        })
    </script>
</head>
<body>

    <input type="checkbox" name="a" id="">滑雪1 <br>
    <input type="checkbox" name="a" id="">滑雪2 <br>
    <input type="checkbox" name="a" id="">滑雪3 <br>
    <input type="checkbox" name="a" id="">滑雪4 <br>
    <input type="checkbox" name="a" id="">滑雪5 <br>
    <input type="checkbox" name="a" id="">滑雪6 <br>
    <input type="button" value="全选" id="all">
    <input type="button" value="取消" id="cancle">



    <input type="text" placeholder="请输入用户名字">
    <input type="password" placeholder="请输入密码">
    <input id="btn1" type="button" value="按钮1">


    <img src="" alt="">
    <p>我是段落</p>
</body>
</html>